@base-background-color: #222222;
@base-color: #cccccc;
html[data-theme="dark"] {
    // ====================================================== base ====================================================== //
    --background-color: @base-background-color;
    --color: @base-color;
    // ====================================================== 文本 ====================================================== //
    --text-color: var(--color);
    // ====================================================== 图标 ====================================================== //
    --icon-filter: hue-rotate(0deg) grayscale(1.4) brightness(1.9)invert(1);
    // ====================================================== 面板 ====================================================== //
    --panel-title-background-color: #333333;
    --panel-title-color: #ffffff;
    --panel-icon-background-color: transparent;
    --panel-icon-filter: grayscale(1) brightness(0) invert(1);
    --panel-content-background-color: var(--background-color);
    --panel-content-color: var(--color);
    --panel-border-color: #cccccc;
    // ====================================================== 按钮 ====================================================== //
    // 默认状态
    --button-background-color: #333333;
    --button-border-color: #cccccc;
    --button-color: #ffffff;
    --button-icon-background-color: transparent;
    --button-icon-filter: grayscale(1) brightness(0) invert(1);
    // 禁用状态
    --button-disabled-background-color: #343A40;
    --button-disabled-border-color: #495057;
    --button-disabled-color: #ffffff;
    // ====================================================== 输入框 ====================================================== //
    // 默认状态
    --inputer-background-color: var(--background-color);
    --inputer-border-color: #505050;
    --inputer-color: var(--color);
    --inputer-controls-icon-filter: hue-rotate(270deg) grayscale(1.4) brightness(2.7)invert(1);
    // 禁用状态
    --inputer-disabled-background-color: #343A40;
    --inputer-disabled-border-color: var(--inputer-border-color);
    --inputer-disabled-color: #999999;
    // 只读状态
    --inputer-readonly-background-color: #333333;
    --inputer-readonly-border-color: var(--inputer-border-color);
    --inputer-readonly-color: #999999;
    // ====================================================== 复选框 ====================================================== //
    // 默认状态
    --checker-background-color: var(--background-color);
    --checker-border-color: var(--color);
    --checker-color: var(--color);
    // 选中状态
    --checker-checked-background-color: darken(@base-background-color, 10%);
    --checker-checked-border-color: var(--color);
    --checker-checked-color: var(--color);
    --checker-checked-label-color: #ffffff;
    // 禁用状态
    --checker-disabled-background-color: var(--inputer-disabled-background-color);
    --checker-disabled-border-color: var(--inputer-disabled-border-color);
    --checker-disabled-color: var(--inputer-disabled-color);
    --checker-disabled-label-color: var(--inputer-disabled-color);
    // 禁用状态（选中状态）
    --checker-disabled-checked-background-color: lighten(#343A40, 10%);
    --checker-disabled-checked-border-color: lighten(#495057, 10%);
    --checker-disabled-checked-color: #777777;
    --checker-disabled-checked-label-color: #777777;
    // 只读状态
    --checker-readonly-background-color: var(--inputer-readonly-background-color);
    --checker-readonly-border-color: var(--inputer-readonly-border-color);
    --checker-readonly-color: var(--inputer-readonly-border-color);
    --checker-readonly-label-color: var(--inputer-readonly-color);
    // 只读状态（选中状态）
    --checker-readonly-checked-background-color: lighten(#343A40, 10%);
    --checker-readonly-checked-border-color: lighten(#495057, 10%);
    --checker-readonly-checked-color: #cccccc;
    --checker-readonly-checked-label-color: #cccccc;
    // ====================================================== form ====================================================== //
    --form-background-color: var(--background-color);
    --form-border-color: var(--color);
    --form-color: var(--color);
    --form-title-background-color: var(--background-color);
    --form-title-border-color: var(--form-border-color);
    --form-title-color: var(--color);
    --form-title-icon-filter: grayscale(1) brightness(0) invert(1);
    --form-buttons-background-color: #333333;
    --form-buttons-border-color: #aaaaaa;
}
